<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="/bootstrap-4.6.2-dist/css/bootstrap.css" />
    <link type="text/less" rel="stylesheet" href="./login.less" />
    <script src="./less.js"></script>
  </head>
  <body>
    <div class="head">
        <ul>
            <li><button class="register">注册</a></li>
            <li><button class="login">登录</a></li>
        </ul>
        
    </div>

    <div class="loginBag">
        <h1>login</h1>
        User:<input type="text" class="user" placeholder="输入账号">
        </br>
        Pass:<input type="text" class="pass" placeholder="输入密码">
        </br>
        <input type="checkbox" class="checkbox">记住密码
        </br>
        <button type="button" class="btn btn-success">登录</button>
    </div>

    <script src="./utils.js"></script>
    <script>
    var register = document.querySelector('.register');
    var loginBag = document.querySelector('.loginBag');
    var login = document.querySelector('.login');

    login.onclick = function(){
        loginBag.style.display="block";
    }

    
   </script>
  </body>
</html>
